<!DOCTYPE html>
<html style="font-size: 100px;">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="jquery-2.0.3.js"></script>
    <link rel="stylesheet" href="购物车.css">
    <title>购物车</title>
</head>
<body>
<div id="wrapper">
    <div class="gouwuche">
        <div class="header">
            <div class="left">
                <a href="#">
                    <img style="width: .4rem;height: .4rem;" src="http://s1.mi.com/m/images/m/icon_back_n.png" class="ib">
                </a>
            </div>
            <div class="tit">
                <h2>
                <span class="title">购物车</span>
                    </h2>
            </div>
            <div class="right">
                <a href="#">
                    <img style="width: .3rem;height: .3rem;" src="image/60.png" alt=""/>
                </a>
            </div>
        </div>
        <div class="list">
            <div class="list1">
            <ul>
                <li>
                    <div class="lixia">
                    <a href="#">
                        <img  src="//i1.mifile.cn/a1/T1Qjx_BQxT1RXrhCrK!180x180.jpg">
                    </a>
                    <div class="wenzi">
                        <div class="name">
                            <p>小米活塞耳机 标准版 星空钛</p>
                        </div>
                        <div class="price">
                            <p>
                                <span>售价:</span>
                                <span>69元</span>
                                <span>合计:</span>
                                <span>69元</span>
                            </p>
                        </div>
                        <div class="shuliangtu">
                            <img src="image/q1.png" alt=""/>
                        </div>
                        <div class="shanchutu">
                            <img src="image/q2.png" alt=""/>
                        </div>
                    </div>
                     </div>
                </li>
            </ul>
                <div class="poinbox">
                    <div class="point">
                        <p>温馨提示：产品是否购买成功，以最终下单为准，请尽快结算</p>
                    </div>
                </div>
                <div class="ui-line"></div>
                <div class="bargain">
                    <div class="item">
                        <span> <img src="image/q3.png" alt=""/>+1元得小米礼品袋</span>
                    </div>
                    <div class="item">
                        <span> <img src="image/q3.png" alt=""/>+17.9元得小米随身WiFi</span>
                    </div>
                    <div class="item">
                        <span> <img src="image/q3.png" alt=""/>+9.9元得彩虹5号电池</span>
                    </div>
                    <div class="item">
                        <span> <img src="image/q3.png" alt=""/>+108元得ZONOKI中锘基运动蓝牙耳机</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footerzuo">
                <span>共一件 金额:</span><br>
                <span class="liujiu"><strong>69</strong></span>元
            </div>
            <div class="footerzhong">
                <a href="#">
                    <span>继续购物</span>
                </a>
            </div>
            <div class="footeryou">
                <a href="#">
                    <span>去结算</span>
                </a>
            </div>
        </div>
    </div>
    </div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size',100 + 'px');
                return ;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px' );
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })

    });
</script>